<template>
  <!-- Vue3 新特性：允许多个根组件 -->
  <h1>{{ count }}</h1>
  <button @click="btn(1)">点击加1</button>
  <button @click="btn(10)">点击加10</button>
</template>

<script>
  // Vue2 选项 API 写法(回顾)
  export default {
    name: "App",
    // 优点：代码放到不同结构中，初学者好理解
    // 缺点: 不易于代码封装复用
    data() {
      return {
        count: 0,
      };
    },
    methods: {
      btn(number) {
        this.count += number;
      },
    },
  };
</script>
